<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>CHJ-final-flask</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">



    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/5.1/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.1/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.1/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.1/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


  </head>
  <body>

<header>
  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">About</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Contact</h4>
          <ul class="list-unstyled">
            <li><a href="#" class="text-white">Follow on Twitter</a></li>
            <li><a href="#" class="text-white">Like on Facebook</a></li>
            <li><a href="#" class="text-white">Email me</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
      <a href="#" class="navbar-brand d-flex align-items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
        <strong>yilin</strong>
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>
  </div>
</header>
<main>
<div class="modal modal-tour position-static text-center d-block bg-secondary py-5" tabindex="-1" role="dialog" id="modalTour">
  <div class="modal-dialog" role="document">
    <div class="modal-content rounded-6 shadow" style="background: antiquewhite">
      <div class="modal-body p-5">
        <form action="/last" method="post">
              <p>
              <h2>菜单</h2>
                  {% for product in product_lists %}
                      <p><input type="checkbox" name="list" value="{{ product[0] }}">{{ product[0]
                                    }}----------{{
                                    product[1] }}<br>
                      </p>
                  {% endfor %}
              <div class="tm-form-group">
                  <input type="text" name="name" class="tm-form-control" placeholder="输入收货名"
                         required="" />
              </div>
              <div class="tm-form-group">
                  <input type="tel" name="tel" class="tm-form-control" placeholder="输入收货手机号"
                         required="" />
              </div>
              <div class="tm-form-group">
                  <input type="text" name="add" class="tm-form-control" placeholder="输入收货地址"
                         required="" />
              </div>
        <button type="submit" class="btn btn-lg btn-primary mt-5 w-100" data-bs-dismiss="modal">提交!</button>

        </form>
      <div align="center">
            <svg t="1640700138261" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5980" width="200" height="200"><path d="M659.2 486.4 659.2 512c0 38.4-12.8 70.4-32 102.4 0 0 6.4 0 6.4 0 38.4 0 70.4-32 70.4-70.4C710.4 518.4 691.2 492.8 659.2 486.4zM512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0zM531.2 300.8l32 0 0 121.6L531.2 422.4 531.2 300.8zM435.2 268.8l32 0 0 153.6L435.2 422.4 435.2 268.8zM345.6 300.8l32 0 0 121.6L345.6 422.4 345.6 300.8zM640 665.6c-12.8 0-25.6 0-38.4-6.4l0 0c-32 32-83.2 51.2-134.4 51.2l217.6 0 0 44.8L268.8 755.2l0-44.8 198.4 0c-108.8 0-198.4-89.6-198.4-198.4L268.8 435.2l390.4 0 0 0c51.2 12.8 89.6 57.6 89.6 115.2C755.2 614.4 704 665.6 640 665.6z" fill="#d7a26a" p-id="5981"></path></svg>
            <br>

            <a href="/" style="background: #FFFFFF">返回首页</a>
        </div>

      </div>
    </div>
  </div>
</div>

<div class="b-example-divider"></div>


</main>
  </body>
</html>